<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title>无标题文档</title>
	<link href="/static/css/default.css" rel="stylesheet" type="text/css">
	<link href="/static/css/style/green.css" rel="stylesheet" type="text/css" id='link'>
	<link rel="stylesheet" href="/static/FileUpload/css/jquery.fileupload.css" />
</head>

<body style="overflow:hidden; padding:10px;">
	<form>
		<table class="formtable" style="width:580px;">

			<tbody>

				<tr>
					<td class="tlabel">类型</td>
					<td>
						<select class="select" id="typeid">
							{if condition="$info.typeid eq 1"}
							<option value="1" selected="selected">公众号轮播图(750*410)</option>
							<option value="2">食谱默认图(750*410)</option>
							{elseif condition="$info.typeid eq 2"/}
							<option value="1">公众号轮播图(750*410)</option>
							<option value="2" selected="selected">食谱默认图(750*410)</option>
							{else /}
							<option value="1">公众号轮播图(750*410)</option>
							<option value="2">食谱默认图(750*410)</option>
							{/if}


						</select>
					</td>
				</tr>

				<tr>
					<td class="tlabel">上传</td>
					<td>
						<div class="col-sm-10">
							<span class="btn btn-success fileinput-button">
								<i class="glyphicon glyphicon-plus"></i>
								<span>上传文件</span>

								<input id="fileupload" type="file" name="imgFile" multiple>

							</span>

							<div id="showpic">


								{if condition="$info['imgurl']!=''"}

								<img width="50px" src="/static/uploads/{$info['imgurl']}" />
								{else /}

								{/if}
							</div>

						</div>
					</td>
				</tr>

				<tr>
					<td class="tlabel">状态</td>
					<td>
						<select type="text" id="state" class="select" required="required">

							{if condition="$info.state eq 1"}
							<option value="1" selected="selected"> 正常 </option>
							<option value="-1"> 禁用 </option>
							{elseif condition="$info.state eq -1"/}
							<option value="1"> 正常 </option>
							<option value="-1" selected="selected"> 禁用 </option>
							{else /}
							<option value="1"> 正常 </option>
							<option value="-1"> 禁用 </option>
							{/if}


						</select>
					</td>
				</tr>


			</tbody>

		</table>

		<div class="formbtn">
			<input type="button" value="保存" class="btnsave">
			<input type="button" value="取消" class="btncancel">
		</div>
		<input type="hidden" id="id" value="{$info.id}" />
		<input type="hidden" id="imgurl" value="{$info.imgurl}" />
	</form>


</body>
<script type="text/javascript" src="/static/js/jquery.js"></script>
<script type="text/javascript" src="/static/js/common.js"></script>
<script type="text/javascript" src="/static/js/vue2.js"></script>
<script src="/static/js/layer/layer.js"></script>
<script src="/static/FileUpload/js/vendor/jquery.ui.widget.js"></script>
<script src="/static/FileUpload/js/jquery.iframe-transport.js"></script>
<script src="/static/FileUpload/js/jquery.fileupload.js"></script>
<script>
	$('#fileupload').fileupload({
		autoUpload: true,//是否自动上传
		url: "/index/Home/upload",
		dataType: 'json',
		done: function (e, data) {

			console.log(data.result);
			if (data.result == "") {
				layer.msg("上传出错了!");
			} else {

				$("#showpic").html("<img width='50px' src='/static/uploads/" + data.result + "' />");
				$("#imgurl").val(data.result);


			}
		},
		progressall: function (e, data) {
			var progress = parseInt(data.loaded / data.total * 100, 10);
			$('#progress .progress-bar').css(
				'width',
				progress + '%'
			);
		}
	}).prop('disabled', !$.support.fileInput)
		.parent().addClass($.support.fileInput ? undefined : 'disabled');


	$(function () {
		$(".btnsave").click(function () {
			var id = $("#id").val();
			var typeid = $("#typeid").val();
			var imgurl = $("#imgurl").val();
			var state = $("#state").val();



			$.post("/super/system/addpic", {
				"id": id, "typeid": typeid, "imgurl": imgurl,"state":state
			}, function (data) {
				if (data.status == 200) {
					var index = parent.layer.getFrameIndex(window.name);
					window.parent.iframe.contentWindow.location.reload(true);
					console.log(window.parent.iframe);
					parent.layer.close(index);
				} else {
					layer.msg(data.msg);
				}
			});
		});
		$(".btncancel").click(function () {
			var index = parent.layer.getFrameIndex(window.name);
			parent.layer.close(index);
		});
	});


</script>

</html>